<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			ul{
				list-style: none;
			}
			body{
				background: #333;
			}
			.box{
				width: 240px;
				height: 338px;
				background: url(img/bg.gif);
				margin: 50px auto 0;
				padding: 10px;				
			}
			.box h1{
				font: 700 20px "黑体";
				color: #FFF;
				background: darkgray;
				border-left: 4px solid #C9E143;
				padding-left: 4px;				
			}
			.box .list{
				height: 310px;
				background: #fff;
				padding: 0 10px;
				margin-top: 5px;
				font-size: 12px;
			}
			.box .list li{
				border-bottom: 1px dashed #666;
				font-size: 12px;
				background: #87CEEB url(img/tb.gif) no-repeat 6px center;
				height: 30px;
				line-height: 30px;
			}
			.box .list li a{
				color: #0066CC;
				text-decoration: none;
				height: 30px;
				display: block;
				margin-left: 19px;
			}
			.box .list li a:hover{
				color: greenyellow;
			}
		</style>
	<body>
		<div class="box">
		<h1>爱宠知识</h1>
		<ul class="list">
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
			<li>
				<a href="##">养狗比养猫对健康更有利</a>	
			</li>
		</ul>
		</div>
	</body>
</html>
